<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		扩展学习一个知识
		清除浮动
		1.额外标签法 添加 clear 的div标签
		2.父级元素添加overflow：hidden属性（不推荐）
			触发BFC （块级格式化上下文）
			display：flow-root
		3.使用after伪类元素（推荐使用）
		.clearfix:after{
			content:"";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		}
		
		
		
		背景图  定位
		
		<style>
			.box
				width: 600px;
				height: 600px;
				background-color: red;
				background-image: url(./img/123.jpg);
				/* guanci  cover contain */
				/* cover 保证背景图铺满
					不保证看图片全貌 */
				/* background-size: cover; */
				/* 	contanin 保证背景图 等比例显示
							不保证铺满整个背景 */
							/* background-size: contain; */
							background-repeat: no-repeat;
							background-position:0  100%;
							px  百分比 top，left,right,bottom,content
			}
			
		</style>
		<div class="box">
			
		</div>
	</body>
</html>
